<template>
  <el-pagination
    v-model:current-page="page"
    v-model:page-size="limit"
    :total="total"
    :small="size === 'small'"
    :page-sizes="[10, 20, 50, 100, 200]"
    layout="total, sizes, prev, pager, next, jumper"
  />
</template>

<script setup>
defineProps({
  total: Number
})
const page = defineModel('page')
const limit = defineModel('limit')
const { size } = inject('app_size')
</script>

<style lang="scss" scoped>
.el-pagination {
  justify-content: space-between;
  margin-top: 20px;
}
</style>
